@import '../../../assets/css/CommonStyle.scss';
@include media('>tablet') {
  .psdssContainer {
    .layoutContent {
      padding-bottom: 0px;
    }
    .back {
      display: none;
    }
    .headerRight {
      display: none;
    }
    .headerLeft {
      display: none;
    }
  }

  .UpdatePsdSuccess {
    display: flex;
    padding-top: p-w(43);
    color: #333;
    flex-direction: column;
    background-color: white;
    margin-top: 16px;
    height: calc(100vh - 192px);
    .back {
      display: none;
    }

    .successIcon {
      font-size: p-w(34);
    }
    .suctitle {
      display: flex;
      justify-content: center;
      margin-top: p-w(20);
      font-size: p-w(16);
    }
    .switchDis {
      display: flex;
      font-size: 12px;
      justify-content: center;
      color: rgba($color: #333, $alpha: 0.5);
      margin-top: p-w(42);
    }
  }
}

@include media('>phone', '<=tablet') {
  .psdssContainer {
    .layoutContent {
      padding-bottom: 0px;
    }
    .back {
      display: none;
    }
    .headerRight {
      display: none;
    }
    .headerLeft {
      display: none;
    }
  }
  .UpdatePsdSuccess {
    display: flex;
    padding: pad-w(43);
    color: #333;
    flex-direction: column;
    background-color: white;
    margin-top: 16px;
    height: calc(100vh - 192px);
    .successIcon {
      font-size: pad-w(34);
    }
    .suctitle {
      display: flex;
      justify-content: center;
      margin-top: pad-w(20);
      font-size: pad-w(16);
    }
    .switchDis {
      display: flex;
      font-size: 12px;
      justify-content: center;
      color: rgba($color: #333, $alpha: 0.5);
      margin-top: pad-w(32);
    }
  }
}

@include media('<=phone') {
  .UpdatePsdSuccess {
    display: flex;
    justify-content: center;
    padding: m-w(43);
    color: #333;
    flex-direction: column;
    margin-top: m-w(220);
    .successIcon {
      font-size: m-w(102);
    }
    .suctitle {
      display: flex;
      justify-content: center;
      font-size: m-w(34);
      margin-top: m-w(68);
      font-size: m-w(16);
    }
    .switchDis {
      display: flex;
      font-size: m-w(26);
      justify-content: center;
      color: rgba($color: #333, $alpha: 0.5);
      margin-top: m-w(42);
    }
  }
  .normalModalCmp {
    .container {
      padding: m-w(80);
      display: flex;
      justify-content: center;

      flex-direction: column;
    }
    .titlessModal {
      color: #333;
      font-size: m-w(30);
      display: flex;
      justify-content: center;
      padding: 0px !important;
      // margin-bottom: 17px;
    }
    .phoneNum {
      color: #333;
      font-size: m-w(38);
      font-weight: bold;
      margin-top: m-w(17);
      margin-bottom: 34px;
    }
    .konwBtn {
      font-size: m-w(30);
      color: white;
      background-color: #429cff;
      border-radius: 8px;
      padding: m-w(11) m-w(60);
      display: flex;
      justify-content: center;
    }
    .ant-modal-footer {
      display: none;
    }
  }
}
